@import url("mixins.less");

div.nav_container {
	display: inline-block;
	background-color: none;
	z-index: 1;

	ul.nav {
		list-style: none;
		padding: 0;
		margin: 0;
		display: inline-block;
		z-index: 0;
		
		li a {
			.text-style-small(Tahoma, Geneva, sans-serif);
			.text-shadow;
			
			font-weight: bold;
			display: block;
			text-decoration: none;
			color: black;
			padding: 0.3em;
			padding-left: 0.5em;
		}
		
		ul.sub {
			display: none;
			z-index: 0;
			
			li {
				position: relative;
				left: -5.5em;
				background: rgb(221, 221, 221);
				width: 7.1em;
				top: -1px;
				z-index: 0;
				
				.box-shadow(0px, 1px, 2px, black);
			}
		}
	}
	
	li ul {
		position: absolute;
		top: 0;
		margin-left: -1px;
	}
	
	li > ul {
		top: auto;
		left: auto;
	}
}

